<template>
    <div>
        <button class="my-button">{{buttonMessage}}</button>
    </div>
</template>

<script>
    export default {
        name: "Button",
        props: {
            buttonMessage: String
        }
    }
</script>

<style scoped>

    .my-button {
        border: 1px solid black;
        padding: 5px 10px;
        margin: 5px 10px;
        text-align: center;
        line-height: 10px;
    }

</style>